<template>
	<view class="filter">
		<view class="recommend">
			<text>热门推荐：</text>
			<view class="txt">
				<text>墨刀系列</text>
				<text>太空系列</text>
				<text>空投系列</text>
			</view>
		</view>
		<image src="/static/images/filter.png" mode=""></image>
	</view>
</template>

<script>
</script>

<style lang="scss" scoped>
	.filter{
		display: flex;
		width: 100%;
		justify-content: space-between;
		margin-top: 40rpx;
		margin-bottom: 40rpx;
	}
	.filter image{
		width: 38rpx;
		height: 38rpx;
		margin-top: -10rpx;
	}
	.recommend{
		display:flex;
		align-items: center;
	}
	.recommend text{
		color: white;
		font-size: 24rpx;
		line-height: 36rpx;
	}
	.txt{
		display: flex;
		justify-content: space-between;
		align-items: center;
		
	}
	.txt text{
		background-color: #32455f;
		width: 130rpx;
		text-align: center;
		line-height: 36rpx;
	}
</style>
